<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>峰凌二部</title>
        <style>
            *{
                margin: 0;
                padding: 0;
            }

            body{
                color: #999;
                font-size:14px;
            }

            a{
                color: #000;
            }

            .top{
                text-align: right;
                padding: 10px;
            }

            .top a{
                margin-left: 8px;
                padding: 3px;
            }

            .top a:last-child{
                background-color: #3385ff;
                color: #fff;
            }

            .main{
                text-align: center;
                margin-top: 20px;
            }

            .main .logo img{
                width: 270px;
            }

            .main form{
                margin-top: 10px;
            }

            .main form input{
                width: 500px;
                line-height: 36px;
                padding: 0 5px;
                font-size: 16px;
                vertical-align: middle;

            }

            .main form button{
                width: 100px;
                height: 36px;
                background-color: #3385ff;
                color: #fff;
                border: none;
                vertical-align: middle;
            }



            .foot{
                text-align: center;
                position: fixed;
                bottom: 20px;
                width: 100%;
            }



            .foot ul{
                list-style: none;
                margin: 10px 0;

            }

            .foot ul li{
                display: inline-block;
                margin: 0 10px;
            }

        </style>
    </head>

    <body>

        <!-- 头部 -->
        <div class="top">
            <a href="#">新闻</a>
            <a href="#">hao123</a>
            <a href="#">地图</a>
            <a href="#">视频</a>
            <a href="#">贴吧</a>
            <a href="#">学术</a>
            <a href="#">登录</a>
            <a href="#">设置</a>
            <a href="#">更多产品</a>
        </div>

        <!-- 正文 -->
        <div class="main">
            <div class="logo">
                <img src="http://www.baidu.com/img/bd_logo1.png?qua=high" alt="">
            </div>

            <form action="https://www.baidu.com/s" method="get">
                <input type="text" name="wd">
                <button>杨洋小可爱</button>
            </form>
        </div>

        <!-- 页脚 -->
        <div class="foot">
            <div>
                <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png
" alt="">
                <p>百度</p>
            </div>


            <ul>
                <li>把百度设为首页</li>
                <li>关于百度</li>
                <li>百度推广</li>
            </ul>

            <ul>
                <div>
                    &copy;2019 Baidu 使用百度前必读 意见反馈 京ICP证030173号  京公网安备11000002000001号
                </div>
            </ul>

        </div>

    </body>

</html>